body {
background-color:#bbb;
text-align:center;

color:rgb(230, 230, 230);
font:15px;
margin:0;

}
a:link, a:visited {
color:#0000FF;
text-decoration:none;
cursor:help;
}
a:hover {
color:#000000;
cursor:help;
text-decoration: none;
border-bottom:3px solid #ADFF2F;
}

a img {
border-width:0;
}
#header-wrapper {
height:105px;

text-align:left;
background:#333;
color:#ffffff;
padding:8px 0 18px;
border-bottom:10px solid #ccc;

}
#header-inner {
background-position:left;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#header {
text-align:left;
margin-top:15px;
margin-bottom:15px;
}
#header h1 {

font-family:Metamorphous, serif, arial;
font-size:45px;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 3px 0;
text-transform:uppercase;
text-shadow:0pt 0pt 8px #000;
text-align:left;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#header h1:hover {
color:#ff0000;
background-color:none;

}
#header a {
color:rgb(230, 230, 230);
font-family:Metamorphous, serif, arial;
font-size:30px;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px ;
padding:15px 20px 15px 0;
text-transform:uppercase;
text-shadow:0pt 0pt 8px #000;
text-align:center;
text-decoration:none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;

}
#header a:hover {
color:#ff0000;
background-color:none;
}
#header .description {
font-size:12px;
letter-spacing:0;
margin:0 5px 5px;
padding:0 20px 15px 0;
text-transform:capitalize;
text-align:left;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
background:#333;
border:8px solid rgba(14, 14, 14, 0.4);
font-size:12px;
margin:-40px auto 25px;
padding:0 10px 15px;
text-align:justify;
width:90%;
box-shadow:0pt 0pt 8px rgba(0, 0, 0, 0.5) inset;
}
#main-wrapper {
float:left;
margin:10px;
overflow:hidden;
width:65%;
word-wrap:break-word;
background:#ffffff;
color:#000000;
font-size:12px
border:3px solid #888;
border-radius:5px;

}
#sidebar-wrapper {
background:none repeat scroll 0% 0% padding-box rgba(0, 0, 0, 0.3);
float:right;
padding-left:8px;
margin-right:-8px;
width:30%;
word-wrap:break-word;
border-top:8px solid transparent;
border-left:8px solid transparent;
border-bottom:8px solid transparent;
margin-top:10px;
box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);
}
#sidebar-wrapper h2 {
color:#dddddd;
font-family:'Open Sans', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
border-bottom:1px dashed rgba(230, 230, 230, 0.3);
}
h2 {
color:#000000;
font-family:'Open Sans', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
letter-spacing:0;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
}
.PopularPosts img {
padding-top:7px;
}
.post {
margin:10px;
}
.post h1, .post h2 {
color:#000000;
font-family:'Open Sans', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
line-height:1em;
margin-bottom:5px;
padding:0 0 5px;
}
.post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong {
color:#000000;
display:block;
font-weight:bold;
text-decoration:none;

-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:#000000;
text-decoration:none;
}
.post-body {
font-size:15px;
line-height:1.4em;
margin:0 0 0.75em;
color:#000000;

}
.post-body blockquote {
line-height:1.3em;
}

.post-footer {
background:#eee;
border:1px dotted #cccccc;
font-size:80%;
line-height:1.5em;
color:#666;
text-transform:uppercase;
font-weight:700;
border-width:1px 1px 0;
margin:0 0 0;
padding:4px 14px;
}
.comment-link {
margin-left:0em;
}
.post img {
padding:2px;
}


.post blockquote p {
margin:1px;
}

pre {
  display:block;
  font-size:12px;
  padding:0.5em 0.5em 0.5em 1em;

  font:normal 12px/14px Monaco,Monospace;
  color:#ccc;
 background-color:#000000;
  border-left:4px solid #268bd2;
  position:relative;
 
  overflow:auto;
  white-space:pre;
  word-wrap:normal !important;
}

pre code {
  display:block;
  color:#839496;
  font:normal 12px "Monaco","Courier New",Courier,monospace;
  letter-spacing:0;
  white-space:pre;
}
pre[rel="ACTIONSCRIPT 2"]       {border-left-color:#0000FF;}
pre[rel="ACTIONSCRIPT 3"]       {border-left-color:#7FFF00;}
pre[rel="PHP"]       {border-left-color:#FF1493;}
pre[rel="HTML"]       {border-left-color:#4584BE;}
pre[rel="CSS"]        {border-left-color:#5DA028;}
pre[rel="JavaScript"] {border-left-color:#DAA520;}
pre[rel="JQuery"]     {border-left-color:#7073CF;}
pre[rel="JQuery UI"]  {border-left-color:#E36B23;}
pre[rel="XML"]        {border-left-color:#C44032;}
pre[rel="OUTPUT"]        {
 background-color:white;
  background-image:-webkit-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:-moz-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:-ms-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:-o-linear-gradient(top, #f5f5f5 50%, white 50%);
  background-image:linear-gradient(top, #f5f5f5 50%, white 50%);
  -webkit-background-size:30px 30px;
  -moz-background-size:30px 30px;
  -ms-background-size:30px 30px;
  -o-background-size:30px 30px;
  background-size:30px 30px;
  background-repeat:repeat;
  font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
  
 border-left:4px solid #666;
 border-right:2px solid #666;
 border-top:2px solid #666;
 border-bottom:2px solid #666;
  position:relative;
  padding:0 7px;
  margin:10px 0;
  overflow:auto;
  word-wrap:normal;
  white-space:pre;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
  box-shadow:0 1px 2px rgba(0,0,0,0.2);
  position:relative;

}
pre[rel="OUTPUT"]   code{
color:#333;
}
pre[rel="OUTPUT"] :before{background-color:#FF9900;}
pre[rel*="+"]         {border-left-color:#E6C92E;}

pre[rel]:before {
  content:attr(rel);
  font:bold 12px/22px Arial,Sans-Serif;
  color:white;
  background-color:#39f;
  padding:0px 10px;
  position:absolute;
  top:0px;
  right:0px;
  left:0px;    
}


pre .shebang,
pre .comment,
pre .template_comment,
pre .javadoc {
  color: #7c7c7c;
}

pre .keyword,
pre .tag,
pre .tex .command,
pre .request,
pre .status,
pre .clojure .attribute {
  color: #96CBFE;
}

pre .sub .keyword,
pre .method,
pre .list .title,
pre .nginx .title {
  color: #FFFFB6;
}

pre .string,
pre .tag .value,
pre .cdata,
pre .filter .argument,
pre .attr_selector,
pre .apache .cbracket,
pre .date {
  color: #A8FF60;
}

pre .subst {
  color: #DAEFA3;
}

pre .regexp {
  color: #E9C062;
}

pre .title,
pre .sub .identifier,
pre .pi,
pre .decorator,
pre .tex .special,
pre .haskell .type,
pre .constant,
pre .smalltalk .class,
pre .javadoctag,
pre .yardoctag,
pre .phpdoc,
pre .nginx .built_in {
  color: #FFFFB6;
}

pre .symbol,
pre .ruby .symbol .string,
pre .number,
pre .variable,
pre .vbscript,
pre .literal {
  color: #C6C5FE;
}

pre .css .tag {
  color: #96CBFE;
}

pre .css .rules .property,
pre .css .id {
  color: #FFFFB6;
}

pre .css .class {
  color: #FFF;
}

pre .hexcolor {
  color: #C6C5FE;
}

pre .number {
  color:#FF73FD;
}

pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
  opacity: 0.7;
}


pre.viewplain {position:relative;}

pre.viewplain a.plain {
  cursor:pointer;
  position:absolute;
  top:0px;
  right:5px;
 font:bold 12px/22px Arial,Sans-Serif;
  color:white;   
}
pre.numbered {
 padding-top:2em;
  border-left-width:4px;
  padding-left:1em;
}

pre .line-number,
pre.numbered code {
  display:block;
  line-height:16px;
}

pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
 color:white;
  border-right:2px solid #ffffff;
  text-align:right;
  min-width:35px;
}

pre .line-number span {
  display:block;
  position:relative;
  padding:0 .5em 0 1em;

}

pre .line-number span:nth-child(even) {background-color:#333;color:black;}

pre .line-number span em {
  position:absolute;
  bottom:-1px;
  left:100%;
  background-color:orange;
  padding:0 2px 1px 2px;
  border:1px solid black;
  font-style:normal;
  color:black;
  display:none;
}

pre .line-number span:hover em {display:block}

pre .line-number span a {
  color:white;
}
pre .line-number span:target a {
  display:block;
  color:white;
  position:relative;
  background-color:#268bd2;
  margin:0 -.5em 0 -1em;
  padding:0 .5em 0 0;
}

pre.numbered code span {line-height:12px}

pre[data-codetype="HTML"] .line-number span:target a {background-color:#4584BE}
pre[data-codetype="CSS"] .line-number span:target a {background-color:#5DA028}
pre[data-codetype="JavaScript"] .line-number span:target a {background-color:#bbbbbb}
pre[data-codetype="JQuery"] .line-number span:target a {background-color:#7073CF}
pre[data-codetype="JQuery UI"] .line-number span:target a {background-color:#E36B23}
pre[data-codetype="XML"] .line-number span:target a {background-color:#C44032}
pre[data-codetype*="+"] .line-number span:target a {background-color:#B58900}

pre .line-number span:target:before {
  content:"";
  display:block;
  height:150px;
  margin-top:-150px;
  visibility:hidden;
}
.prelight pre {
  background-color:white;
  color:#657b83;
  border:1px solid #E9E7E0;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}

.prelight pre code {color:#657b83}
.prelight pre {padding-top:0;padding-bottom:0}
.prelight pre .line-number {border-right-color:#6CE26C}
.prelight pre .line-number span a {color:#bbb}
.prelight pre .line-number span:nth-child(even) {background-color:#eee}
.prelight pre .line-number span:target,
pre .line-number span:target {background:none}
.prelight pre .line-number span:targetE a {color:black}

.prelight .comment,
.prelight .template_comment,
.prelight .diff .header,
.prelight .doctype,
.prelight .lisp .string,
.prelight .javadoc {color:#93a1a1}


#blog-pager-newer-link {
float:left;
height:15px;
border-bottom:1px dotted #ff0000;
}
#blog-pager-newer-link:hover {
border-bottom:1px solid #ff0000;
}
#blog-pager-newer-link a, #blog-pager-newer-link a:hover, #blog-pager-newer-link a:visited {
color: rgb(230, 230, 230);
text-decoration:none;
}
#blog-pager-older-link {
float:right;
height:15px;
border-bottom:1px dotted #ff0000;
}
#blog-pager-older-link:hover {
border-bottom:1px solid #ff0000;
}
#blog-pager-older-link a, #blog-pager-older-link a:hover, #blog-pager-older-link a:visited {
color: rgb(230, 230, 230);
text-decoration:none;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color:#666666;
line-height:1.5em;
}
.sidebar ul {
list-style-type:circle;
margin:0;
padding:0;
}
.sidebar li {
line-height:1.5em;
margin-left:25px;
padding:0 0 0.25em 5px;
}
.sidebar .widget, .main .widget {
margin:0 0 0.2em;
padding:0 0 0.2em;
}
.main .Blog {
border-bottom-width:0;
}
.rmlink a, .rmlink a:visited{
color:rgb(230, 230, 230);
text-decoration: none;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
.rmlink a:hover{
color:rgb(230, 230, 230);
text-decoration: none;
text-shadow:0pt 0pt 3px rgb(255, 255, 255);
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font-family:'Open sans', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font-family:'Open Sans', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
#menu-wrapper {
width:100%;
height:40px;
background:url(http://3.bp.blogspot.com/-7c_xDCUC4z8/Typx7XhvTOI/AAAAAAAAA_I/vNhRXYBtD3k/s1600/bgnav.png) repeat-x rgb(30, 30, 30);
border-bottom:1px solid rgb(25, 25, 25);
border-top:1px solid rgb(25, 25, 25);
box-shadow:0pt 0px 8px rgba(0, 0, 0, 0.3);
position:relative;
}
#menu {
width: 900px;
height:40px;
font-family: 'Agency FB';
font-size:14px;
font-weight: 700;
letter-spacing: 1px;
margin:0px auto;
text-transform:uppercase;
}
#menu ul {
width: 100%;
height:auto;
padding: 0;
margin: 0;
list-style: none;
}
#menu ul li {
float: left;
position: relative;
width: 110px;
margin: 0;
}
#menu ul li ul {
position: relative;
z-index: 111;
}
#menu ul li ul li {
width: 100%;
background:rgb(14, 14, 14);
}
#menu ul li a, .menu ul li a:visited {
display: block;
text-decoration: none;
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
overflow: hidden;
color: white;
}
#menu ul li ul {
display: none;
}
#menu ul li:hover ul {
display: block;
position: absolute;
top: 40px;
left: 0;
width: 100%;
}
#menu ul li:hover ul li ul {
display: none;
}
#menu ul li:hover ul li a {
display: block;
color: #999;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#menu ul li:hover ul {
border-bottom:1px solid rgb(10, 10, 10);
border-right:1px solid rgb(10, 10, 10);
border-left:1px solid rgb(10, 10, 10);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-left: -1px;
box-shadow: 0 8px 6px -6px black;
}
#menu ul li:hover ul li a:hover {
color: #fff;
text-shadow:0pt 0pt 2px rgb(255, 255, 255);
}
/*themecool*/
.menuganteng {
background:transparent;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.menuganteng:hover {
background:#ff0000;
}
#comments{
font-family:'Open Sans', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
}
#contact {
margin:0 auto;
margin-top:-60px;
background:url(http://3.bp.blogspot.com/-7c_xDCUC4z8/Typx7XhvTOI/AAAAAAAAA_I/vNhRXYBtD3k/s1600/bgnav.png) repeat scroll 0% 0% padding-box rgb(14, 14, 14);
border:8px solid transparent;
overflow:hidden;
width:720px;
box-shadow:0pt 0pt 8px rgba(0, 0, 0, 0.5);
height:auto;
}
#contact a, #contact a:visited {
color:rgb(230, 230, 230);
text-decoration:none;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#contact a:hover {
color:rgb(230, 230, 230);
text-shadow:0pt 0pt 3px rgb(255, 255, 255);
text-decoration:none;
}
#contact-kolom-1 {
background:url(http://3.bp.blogspot.com/-kqHXixMs8ek/TypyRX3sgEI/AAAAAAAAA_Q/XClAuErNKnE/s1600/yahoo-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-1:hover {
background:url(http://3.bp.blogspot.com/-kqHXixMs8ek/TypyRX3sgEI/AAAAAAAAA_Q/XClAuErNKnE/s1600/yahoo-icon.png) no-repeat right bottom #8703CF;
}
#contact-kolom-2 {
background:url(http://3.bp.blogspot.com/-ZCdanr5mJZM/TypybyYiEHI/AAAAAAAAA_Y/CHir05k_7AI/s1600/Google-plus-grey-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-2:hover {
background:url(http://3.bp.blogspot.com/-ZCdanr5mJZM/TypybyYiEHI/AAAAAAAAA_Y/CHir05k_7AI/s1600/Google-plus-grey-icon.png) no-repeat right bottom #333333;
}
#contact-kolom-3 {
background:url(http://1.bp.blogspot.com/-NBH_jsbNQ90/Typyk4KdQjI/AAAAAAAAA_g/HOqBgRDTDPg/s1600/twitter-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-3:hover {
background:url(http://1.bp.blogspot.com/-NBH_jsbNQ90/Typyk4KdQjI/AAAAAAAAA_g/HOqBgRDTDPg/s1600/twitter-icon.png) no-repeat right bottom #00ACBF;
}
#contact-kolom-4 {
background:url(http://2.bp.blogspot.com/-6qWUrf8tSFg/TypyuXWhiSI/AAAAAAAAA_o/0zmEVmjdV10/s1600/facebook-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-4:hover {
background:url(http://2.bp.blogspot.com/-6qWUrf8tSFg/TypyuXWhiSI/AAAAAAAAA_o/0zmEVmjdV10/s1600/facebook-icon.png) no-repeat right bottom rgb(59, 89, 152);
}
#credit-kolom-bawah{
height:20px;
width:900px;
display:block;
font-size:11px;
padding:5px;
margin:0px auto;
}
#credit-kolom-bawah a{
color:rgb(230, 230, 230);
text-decoration:none;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#credit-kolom-bawah a:hover, #credit-kolom-bawah a:visited{
color:rgb(230, 230, 230);
text-decoration:none;
text-shadow:0pt 0pt 3px rgb(255, 255, 255);
}
.post-comment-link {
margin-left:0px;
padding-left:0px; 
font-size: small;
}
.post-comment-link a, .post-comment-link a:hover, .post-comment-link a:visited{
color:rgb(230, 230, 230);
text-decoration:none;
}

.breadcrumbs {
background:#eee;
border:1px dotted #cccccc;
font-size:80%;
line-height:1.5em;

text-transform:uppercase;
font-weight:700;
border-width:1px 1px 0;
margin:0 0 0;
padding:4px 14px;
}
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:visited{
color:#666;
}
#PopularPosts1 {
color:#fff;
padding:10px;
}
#PopularPosts1 li a, #PopularPosts1 li a:hover, #PopularPosts1 li a:visited{
color:#fff;
text-decoration:none;
}
#date {
margin:-10px 0px 30px;
font-family:'Droid Serif';
border-right:5px solid #39f;
padding:0px 15px 0px 0px;
text-align:right;
}
#aduh {
position:absolute;
top:42px;
background:#333;
right:32%;
z-index:10;
width:108px;
height:260px;
color:#999;
font:normal 11px Verdana,Arial,Sans-Serif;
box-shadow:0 5px 7px rgba(0,0,0,0.7);
border-radius:0 0 5px 5px;
transition:right .15s linear;
border-color:#444 #222 #222 #444;
border-style:solid;
border-width:1px;
margin:0 auto;
padding:10px;
}
#aduh:after {
content:'';
display:block;
position:absolute;
top:100%;
left:15%;
border-color:#333 transparent transparent;
border-style:solid;
border-width:15px;
}
#aduh .img-container {
border:3px double #3c3c3c;
background:transparent;
box-shadow:inset 0 0 2px rgba(0,0,0,0.4);
display:block;
margin:0 auto 10px;
padding:10px;
}
#aduh .img-container img {
display:block;
background:#3c3c3c;
padding:5px 0;
}
#aduh ul#level {
display:block;
margin:0;
padding:0;
}
#aduh ul#level li {
display:block;
margin:0 0 2px;
padding:0;
}
#aduh ul#level li a {
display:block;
background:#3c3c3c;
color:#ccc;
text-transform:uppercase;
text-decoration:none;
font:normal 8px Arial,Sans-Serif;
position:relative;
transition:all .26s ease-out;
margin:0;
padding:6px 10px;
}
#aduh ul#level li a:before {
content:"";
width:0;
height:0;
position:absolute;
right:0;
top:0;
display:block;
border-color:transparent #333 transparent transparent;
border-style:solid;
border-width:11px;
}
#aduh ul#level li a:hover {
transition:none;
color:white;
text-decoration:none;
padding:6px 0 6px 15px;
}
#aduh ul#level li.satu a:hover {
background:#DC98FF;
}
#aduh ul#level li.dua a:hover {
background:#FF5DC2;
}
#aduh ul#level li.tiga a:hover {
background:#0186CB;
}
#aduh ul#level li.eks a:hover {
background:#0251C9;
}


.sidebar ul {

list-style:none;
border-top:1px solid #222;
border-bottom:1px solid #444;
margin:0 0 1.25em;
padding:0;


}
.sidebar ul li {
border-top:1px solid #444;
border-bottom:1px solid #222;
line-height:1.4em;
margin:0;
padding:10px 3px 10px 25px;

}
.sidebar a {color:#1E90FF;
font-size:15px;
font-weight:bold;
}
form#cse-search-box {
position:absolute;
top:60px;
right:5%;
z-index:10;
vertical-align:top;
text-align:right;
width:165px;
transition:all .5s ease-out;
}
input.searchfield, input.black {
background:#444 !important;
font-size:small;
color:#f10c0c;
width:145px;
outline:none;
text-align:left;
box-shadow:inset 0 0 2px #333;
transition:all 1s ease-out;
border-color:#222 #444 #444 #222;
border-style:solid;
border-width:1px;
padding:1px 2px;
}
input.searchfield:focus {
width:160px;
color:#FFF;
background:#F3A01E !important;
box-shadow:0 0 2px white,0 0 30px #FFF;
border-color:#FFF!important;
}
.feed-links{display:none;}
,#comment,.commen-form.form-wrapper{background:#333;}
#respond {display:block;
background-color: #333;
border-color:#444 transparent #222;
border-style:solid;
border-width:3px 0;
color:#fff;}
#respond p {
margin:0px 0px 10px;
font-size:80%;
padding: 5px;
}
#iconku {display:block;
background-color: #333; 
border-color:#444 transparent #222;
border-style:solid;
border-width:3px 0;}
#respond p {
margin:0px 0px 10px;
font-size:80%;
padding: 5px;
}
.comment-form{color :#ffffff;background:#333;border:1px solid #585858;clear:both;margin-bottom:10px;max-width:100%;padding:5px}

input[type="text"],textarea {
border:1px solid #ccc;
margin-bottom:10px;
background-color:#fafafa;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
font:normal small 'Ubuntu','Trebuchet MS',Arial,Sans-Serif;
color:black;
padding:2px 5px;
}
textarea {padding:5px;}
textarea:focus {
background-color:#FFE4B5;
}
input.warna[type="text"] {
vertical-align:baseline;
border:1px solid #eee;
box-shadow:none;
margin:0 4px;
padding:15px 25px;
font:bold 11px Verdana,Arial,Sans-Serif;
color:inherit !important;
}
input[type="button"],input[type="submit"],input[type="reset"],button,.button,.button {
cursor:pointer;
background-color:#248AB0;
background-image:linear-gradient(top,#248AB0,#005E90);
border:2px solid #fff;
text-decoration:none;
color:#ebebeb!important;
font:bold 11px Arial,Sans-serif;
box-shadow:0 1px 2px rgba(0,0,0,0.4);
border-radius:5px;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
padding:3px 7px;
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.button:hover,.button:focus,.button:visited:hover {
background-color:#0671A1;
background-image:linear-gradient(top,#0671A1,#014976);
color:#fff;
border-color:white !important;
text-decoration:none;
}
.button:focus {border:2px solid white;}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,button:active,.button:active {
position:relative;
top:1px;
background-color:#005E90;
background-image:linear-gradient(top,#014976,#005E90);
}
.post-body a.button {
line-height:60px;
padding:10px 18px;
}
.button-group {
display:block;
width:auto;
margin:0px auto;
text-align:center;
}
.button.small,
.button.small:active,
.button.small:focus {
font:normal 11px Tahoma,Sans-serif;
border:none;
padding:4px 8px 6px;
}
.button.small.rmore,
.button.small.rmore:active,
.button.small.rmore:focus {
font:normal 11px Calibri,Arial,Sans-Serif;
text-transform:uppercase;
border-radius:0;
border:4px solid #333 !important;
padding:4px 8px 3px;
display:inline-block;
width:auto;
margin:2px 0px 0px 2px;
}
.rm-button-wrap {
position:absolute;
bottom:10px;
right:10px;
left:0px;
margin-left:110px;
}
.button.disabled,.button.disabled:hover,.button.disabled:active {
background-color:#bbb;
background-image:linear-gradient(top,#bbb,#888);
cursor:text;
}
#js-message {
  position:fixed !important;
  position:absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  z-index:999;
  background-color:black;
  padding-top:120px;
  font:bold 100px Arial,Sans-Serif;
  color:red;
  text-align:center;
}

#iklan-wrapper,
.sidebarbox {
width:29%;
float:right;
display:inline;
color:#999;
background-color:#333;
box-shadow:inset 0 0 2px #000;
margin:0 1.2% 10px 0;
padding:0;
}
.sidebarbox {
width:28.8%;
min-height:100px;
margin:10px 1% 0 0;
border:2px solid #999;
box-shadow:none;
}
.sidebarbox h2 {
background-color:#333;
font:bold 11px Arial,Sans-Serif;
text-transform:uppercase;
position:relative;
z-index:4;
color:#aaa;
padding:7px 12px;
margin:0 0;
border-bottom:1px solid #222;
box-shadow:0 1px 0 #444;
}
.sidebarbox iframe {
display:block;
}
#iklan1 {
display:block;
text-align:center;
border:1px solid #3c3c3c;
box-shadow:inset 0 0 3px #000;
margin:7px;
padding:10px;
background-color:#333;
}
#iklan1 a img {
width:125px;
height:125px;
border:none;
background:transparent;
box-shadow:0 0 2px #000;
padding:4px;
}
#iklan1 a:hover img {
background:#6788E8;
}
#iklan2 {
text-align:center;
padding-bottom:20px;
}
#iklan2 iframe {
margin:10px auto;
}
#iklan-b-wrapper {
background:transparent;
text-align:left;
margin:0 0 0 2%;
padding:0;
}
img.iklan-banner {
border:4px solid #333;
width:88.9%;
margin:0 0 2px;
}
#iklan-bottom {
width:auto;
margin:200px 0 20px;
overflow:hidden;
font:12px;
}
#iklan-bottom img {
width:125px;
height:125px;
}
#iklan-bottom .container {
border-top:5px solid #0186CB;
background:#eee;
width:44.8%;
overflow:hidden;
padding:2% 2% 1018px 2%;
margin-bottom:-1000px;
}
#iklan-bottom .container:hover img {
border-color:#FF5DC2;
}
#iklan-bottom .container.left {
float:left;
}
#iklan-bottom .container.right {
float:right;
}
#iklan-bottom .container img {
border:2px solid #666;
float:left;
margin:0 10px 0 0;
}
#iklan-bottom strong {
display:block;
margin-bottom:5px;
}
#discussionFrame {
border:4px solid #333;
box-shadow:0 1px 3px black;
}
#recentPostsLoader {
overflow:hidden;
}
.framePreloader iframe {
border:none;
width:100%;
}
article,
aside,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section {display:block;}
figure {
text-align:center;
background:#CFDBEC;
border:1px solid #a5a5a5;
margin:0 5%;
padding:10px;
}
figure figcaption {
margin:10px 0 0;
font-size:98%;
font-style:italic;
}
.post figure img,
.catatan img {
border:none !important;
padding:0 !important;
box-shadow:0 0 3px rgba(0,0,0,0.7);
display:block;
margin:0 auto 0;
max-width:90% !important;
}
figure.gallery {
background-color:#222;
border:none;
padding:15px 10px 40px;
position:relative;
margin:0pt 5%;
}
figure.gallery:before {
content:"";
width:0;
height:2px;
border:10px solid #900;
border-bottom-color:transparent;
position:absolute;
top:0;
left:0;
}
figure.gallery img,
figure.gallery a img {
padding:0 0;
}
figure.gallery img {
background-color:#444;
padding:4px !important;
box-shadow:0 1px 2px black,0px 1px 7px black;
margin:5px auto;
}
figure.gallery figcaption {
position:absolute;
right:0;
bottom:0;
left:0;
background-color:#111;
color:white;
padding:4px;
}

.inline-ad {
background: url(http://1.bp.blogspot.com/-5NbrJdE87Fg/T_2r4jmDl9I/AAAAAAAABCE/m2hituRtQFs/s320/20pc_250.png) no-repeat top right;
border-bottom:1px solid #0186CB;
border-left:1px solid #0186CB;
border-right:1px solid #0186CB;
  margin:-10px 14px 10px;
  border-top:4px solid #0186CB;
  padding:5px;
  clear:both;
  position:relative;
  text-align:left;

}

.inline-ad .snippet-outer {
  width:46%;
  position:absolute;
  top:10px;
  right:2%;
}

.inline-ad .snippet-outer ul {
  margin:7px 0 0;
  padding:0 0;
}

.inline-ad .snippet-outer li {
  list-style:none;
  margin:0 0 2px;
  background-color:#e5e5e5;
  padding:0 7px 0 7px;
  line-height:24px;
  height:24px;
  overflow:hidden;
  border-bottom:1px dotted #ccc;
font:bold 15px 
 font-size:15px;
}
#Pustaka ul {
  background:#333;
  height:35px;
  list-style:none;
  overflow:hidden;
  margin:0;
  padding:0;
}

#Pustaka li {
  float:left;
  text-shadow:1px 1px 2px #444;
  padding:0;
}

#Pustaka li a {
  background:#333;
  color:#aaa;
  display:block;
  font-weight:400;
  line-height:35px;
  border-left:1px solid #444;
  border-right:1px solid #222;
  text-align:center;
  text-decoration:none;
  margin:0;
  padding:0 25px;
}
#Pustaka li a:hover {
  color:#666;
border-bottom:0px solid #222;
}
#Pustaka li.depan a {
  border-left:none;
}

#Pustaka li ul {
  background:#333;
  height:auto;
  border:0;
  position:absolute;
  width:225px;
  z-index:80;
  box-shadow:0 1px 5px #222;
  display:none;
  margin:0;
  padding:0;
}

#Pustaka li li {
  display:block;
  float:none;
  width:225px;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  margin:0;
  padding:0;
}

#Pustaka ul:hover ul a ,#Pustaka li:hover li a {
  background:#333;
border-bottom:2px solid #222;
}

#Pustaka li ul a {
  display:block;
  height:33px;
  font-size:12px;
  font-style:normal;
  text-align:left;
  margin:0;
  padding:0 10px 0 15px;
}



#Pustaka li:hover ul.hidden {
  display:block;
}
.thumb img {float: left; margin: 0 10px 5px 0;}
.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; }
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { 
}
.inactive-select-tab { 
}
.note{ 
display:block;
  padding:5px 10px;
  border:1px solid black;
  background-color:#222;
  background-image:linear-gradient(top,#333,#222);
  box-shadow:0 0 0 1px #555;
  color:#ccc;
  font:normal 11px Tahoma,Arial,Sans-Serif;
  text-shadow:0 1px 0 black;

}
.note a:hover{
color:#fff; 
cursor: pointer;
}
blockquote,
b[rel="quote"] {
  display:block;
  font-weight:normal;
  position:relative;
  background-color:#5D73B5;
  color:white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  margin:.75em 0;
  padding:15px 20px;
}

blockquote a,
blockquote a:visited {color:#FFEAE5 !important}

blockquote:before,
b[rel="quote"]:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  bottom:100%;
  right:15px;
  border:7px solid transparent;
  border-color:transparent transparent #5D73B5;
}

blockquote.ask {
  padding:10px 15px;
  margin-left:20px;
  margin-right:20px;
  border:1px solid #DFC65B;
  border-bottom-color:#C1A73E;
  background-color:#F8EEA8;
  background-image:-webkit-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:-moz-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:-ms-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:-o-linear-gradient(top,#EFDD88,#F8EEA8);
  background-image:linear-gradient(top,#EFDD88,#F8EEA8);
  color:#444;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:97%;
}

blockquote.ask:before {display:none}
blockquote.ask a,
blockquote.ask a:visited {color:#C07E06}
blockquote.ask code {color:black}



.post blockquote {
  line-height:1.3em;
}

.post-body blockquote code {
  font-weight:400;
  background-color:transparent;
  color:#ddd;
  text-shadow:none;
}

blockquote.ask {
  padding:10px 15px;
  margin-left:20px;
  margin-right:20px;
  border:1px solid #DFC65B;
  border-bottom-color:#C1A73E;
  background-color:#F8EEA8;
  background-image:linear-gradient(top,#EFDD88,#F8EEA8);
  color:#444;
  text-shadow:0 1px 0 rgba(255,255,255,0.2);
  border-radius:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
  font-size:97%;
}

blockquote.ask:before {
  display:none;
}

blockquote.ask a,
blockquote.ask a:visited {
  color:#C07E06 !important;
}

blockquote.ask code {
  color:black;
}

#pustakafooter img
{/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#pustakafooter p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}
#pustakafooter p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}
#pustakafooter a {
color: #FFFFFF;
}
#pustakafooter {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 1px solid #f5f5f5;
background-color: #333;
width: 100%;
left: 0px;
text-align: left;
color: #ffffff;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}

.hehe-note{
	padding:15px;
	padding-left:55px;
	margin-bottom:15px;
	line-height: 1.6em;
	font-size: 11px;
}

 p.hehe-note span,p.hehe-note a{
	font-size:11px;
}

 .note-notification{
	background:#FFFFE8 url('http://3.bp.blogspot.com/-_RB7F4dByds/UAnbI2KUngI/AAAAAAAABDY/7ohNFIQeveQ/s320/info.png') no-repeat 12px 15px;
	border:1px dashed #C9C179;
	color:#000000;
}

.note-warning{
	background:#FFEAED url('http://3.bp.blogspot.com/-_KbEWubjZ68/UAnas84wMtI/AAAAAAAABDM/R9eTqlf8NPw/s320/warning.png') no-repeat 12px 15px;
	border:1px dashed #D8868B;
	color:#CB4852;
}

#top-ribbon {
  position:absolute;
  top:0;
  background:#333;
  right:27.5%;
  z-index:10;
  width:108px;
  height:260px;
  color:#999;
  font:normal 11px Verdana,Arial,Sans-Serif;
  box-shadow:0 5px 7px rgba(0,0,0,0.7);
  border-radius:0 0 5px 5px;
  transition:right .15s linear;
  border-color:#444 #222 #222 #444;
  border-style:solid;
  border-width:1px;
  margin:0 auto;
  padding:10px;
}

#top-ribbon:after {
  content:"";
  display:block;
  position:absolute;
  top:100%;
  left:20px;
  border-color:#333 transparent transparent;
  border-style:solid;
  border-width:15px;
}

#top-ribbon .img-container {
  width:82px;
  border:3px double #3c3c3c;
  background:transparent;
  box-shadow:inset 0 0 2px rgba(0,0,0,0.4);
  display:block;
  margin:0 0 10px auto;
  padding:10px;
}

#top-ribbon .img-container img {
  display:block;
  background:#3c3c3c;
  padding:5px 0;
}

#top-ribbon ul#level {
  width:108px;
  display:block;
  margin:0 0 0 auto;
  padding:0;
}

#top-ribbon ul#level li {
  display:block;
  margin:0 0 2px;
  padding:0;
}

#top-ribbon ul#level li a {
  display:block;
  background:#3c3c3c;
  color:#ccc;
  text-transform:uppercase;
  text-decoration:none;
  font:normal 8px Arial,Sans-Serif;
  position:relative;
  transition:all .26s ease-out;
  margin:0;
  padding:6px 10px;
}

#top-ribbon ul#level li a:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  right:0;
  top:0;
  display:block;
  border-color:transparent #333 transparent transparent;
  border-style:solid;
  border-width:11px;
}

#top-ribbon ul#level li a:hover {
  transition:none;
  color:white;
  text-decoration:none;
  padding:6px 0 6px 15px;
}

#top-ribbon ul#level li.satu a:hover {
  background:#DC98FF;
}

#top-ribbon ul#level li.dua a:hover {
  background:#FF5DC2;
}

#top-ribbon ul#level li.tiga a:hover {
  background:#0186CB;
}

#top-ribbon ul#level li.eks a:hover {
  background:#0251C9;
}

#top-ribbon ul#level li.current a {
  border-left:2px solid #39f;
}

a#top {
  cursor:pointer;
  position:fixed !important;
  position:absolute;
  bottom:100px;
  right:100px;
  z-index:999;
  background-color:#067BAF;
  background-image:radial-gradient(top,#2493C4,#086A95);
  border-radius:10px 0 0 0;
  border:1px solid #144F69;
  width:30px;
  height:30px;
  overflow:hidden;
  text-indent:-9999px;
  box-shadow:inset 0 0 0 1px #2493C4,0px 1px 3px black;
}

a#top:after {
  content:"";
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:transparent transparent #C3D1D7 transparent;
  position:absolute;
  top:0;
  left:11px;
}

a#top:focus {
  outline:none;
}

a#top:hover:after {
  border-bottom-color:white;
}

a#top:active {
  background-image:linear-gradient(top,#144F69,#2493C4);
}
embed,
iframe,
object {
max-width: 100%;
}

img {
max-width: 100%;
height: auto;
}

@media screen and (max-width:1250px) {
#out-shadow {
  width:100%;
}}

@media screen and (max-width:1024px) {
#out-shadow {
  width:99%;
  margin-left:0.5%;
  margin-right:0.5%;
}
#slider {
  display:none;
}
#top-ribbon {
  right:24%;
}}

@media screen and (max-width:860px) {
body {
  -webkit-animation:myfirst 0.5s;
  -moz-animation:myfirst 0.5s;
  -ms-animation:myfirst 0.5s;
  -o-animation:myfirst 0.5s;
  animation:myfirst 0.5s;
  overflow-x:hidden !important;
}

#main-wrapper,
#about .col.left,
#about .col.right {
  float:none !important;
  display:block;
  width:auto;
  margin:0 1% 10px;
}

#sidebar-wrapper,
#iklan-wrapper {
  margin:0 1% 0;
}

#sidebar-wrapper {
  float:left;
  display:inline;
  width:auto;
  right:0;
}


#iklan-wrapper {
  display:block;
  float:none !important;
  width:98%;
  margin:0 1% 10px;
  padding:5px 0;
}

#iklan-wrapper #iklan1 {
  margin:0 5px;
}

.sidebarbox {
  display:inline;
  float:right;
  width:48%;
  margin:0 1% 0 0;
  border:4px solid #ddd;
}

#aduh,.alaihumcrumb span.kanan {
  display:none;
}

#top-ribbon {
  right:-140px;
}

#header-wrapper h1 {
  display:block;
  font-size:25px;
}

#iklan-b-wrapper {
  text-align:center;
  margin:0 0 0;
}

img.iklan-banner {
  margin:0 0 0;
  width:auto;
  max-width:92.88%;
}

.addthis_toolbox {
  clear:both;
  width:96%;
  height:24px;
  margin:7px 2% 5px;
}

.addthis_toolbox a.subscribe {
  float:right;
  clear:right;
  top:0;
  padding:3px 7px;
  line-height:normal;
}
#subscribeform {
  width:190px;
}
#subscribeform input.email-input {
  width:150px;
}}

@media screen and (max-width:580px) {
h2 {
  font-size:16px;
}

h3 {
  font-size:12px;
}

h4,
h5,
h6 {
  font-size:11px;
}

#out-shadow {
  width:100%;
  margin:0 0 30px;
  margin-top:0 !important;
}

#header-wrapper {
  min-height:20px;
  height:auto !important;
  height:20px;
}

#header-wrapper h1,
#header-wrapper #header-logo,
.post-body ins#aswift_0_anchor {
  display:none !important;
}

#header-wrapper .description,
.alaihumcrumb {
  display:none;
}

#status {
  position:fixed !important;
  position:absolute;
  top:4px;
  z-index:1200;
}

form#cse-search-box {
  position:fixed !important;
  position:absolute;
  height:auto;
  background:#333;
  width:96%;
  top:0;
  left:0;
  z-index:1000;
  padding:10px 2% 10px;
  border-bottom:2px solid #aaa;
  box-shadow:0 0 2px #000;
}

input.searchfield {
  margin:0 0 0 0;
}

.post-outer {
  display:block !important;
  float:none !important;
  width:auto !important;
}

.post {
  box-shadow:none;
}

#taufik ul {
  height:25px;
  font-size:10px;
}

#taufik li a {
  line-height:25px;
  padding:0 15px;
}

#taufik li ul a {
  height:23px;
  font-size:10px;
  padding:0 7px 0 10px;
}

html {
  -webkit-text-size-adjust:none;
}

#aduh,#HTML3,.oktroi span[style] {
  display:none;
}

#sidebar-wrapper,
#iklan-wrapper,
.sidebarbox,
#iklan-bottom .container {
  float:none !important;
  display:block;
  width:auto;
}

#iklan-wrapper {
  margin:0 1.5% 10px;
}

.sidebarbox {
  margin:10px 1% 0;
}

#iklan-bottom .container.left,
#iklan-bottom .container.right {
  width:96%;
  margin-top:10px;
}

.alignleft,
.alignright {
  float:none;
  display:block;
  margin:0 0 15px;
}

.inline-ad .snippet-outer {
  display:none !important;
}}


@media screen and (max-width:480px) {
#out-shadow {
  width:100%;
  margin:0;
  margin-top:0;
  margin-bottom:20px;
}

html {
  -webkit-text-size-adjust:none;
}


)

/* Slidshow */
#Slidshow {
  display:block;
  border:4px solid #000;
  width:400px; /* Slidshow width */
  height:250px;; /* Slidshow height */
  margin:0 auto;
  background:white url('img/loading.gif') no-repeat 50% 50%;
  overflow:hidden;
  position:relative;
}

/* For caption */
#Slidshow figcaption {
  display:block;
  background-color:black;
  font:normal normal 11px Arial,Sans-Serif;
  color:white;
  opacity:.8;
  padding:10px 15px;
  position:absolute;
  right:0;
  bottom:-100px; /* hide the caption with this way :) */
  left:0;
  z-index:99;
}

#Slidshow img {
  display:block;
  margin:0 0;
  width:400px; /* slide width */
  height:250px; /* slide height */
  position:absolute;
  top:0;
  left:0;
}

/* Navigation */
#Slidshow-nav {
  display:block;
  position:absolute;
  top:10px;
  right:10px;
  margin:0 0;
  padding:0 0;
  z-index:99;
}

#Slidshow-nav a {
  display:block;
  float:left;
  width:10px;
  height:10px;
  background-color:#111;
  font-size:0;
  color:transparent;
  overflow:hidden;
  text-indent:-99px;
  margin:0 2px 0 0;
  border:2px solid white;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}

#Slidshow-nav .active {
  background-color:#2589B4;
}

/* Hide all element inside the '#Slidshow' until the page has been loaded! */
#Slidshow .container, #Slidshow figcaption {display:none}
#Slidshow-nav {opacity:0}
.full,
table.full {
  width:96.8%;
}
